{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"实名认证",back:1} %}
    <div class="pad5 fs8 c12 mart10">
        认证记录
    </div>
    <div class=" pad5 bcf" v-if="!isTrue(log)">
        <div class="mart5 bdda round3 tac pad9 fs8 c12">暂无认证信息</div>
    </div>
    <div class="c12 pad5 bcf fs8 lh2" v-for="item in log">
        <div class="flrc">
            <div>真实姓名：</div>
            <div class="flex1 ">[[item.name]]</div>
        </div>
        <div class="flrc">
            <div>身份证号：</div>
            <div class="flex1 ">[[item.code]]</div>
        </div>
        <div class="flrc">
            <div>认证状态：</div>
            <div class="flex1 ">
                <span class="c11" v-if="item.status == 0">未审核</span>
                <span class="c07" v-if="item.status == 2">未通过</span>
                <span class="c12" v-if="item.status == 2"> [[item.message]]</span>
                <span class="c01" v-if="item.status == 1">已通过</span>
            </div>
        </div>
        <div class="flrc">
            <div>认证时间：</div>
            <div class="flex1 ">[[str2time(item.createAt)]]</div>
        </div>

        <div class="pad5 c12 bdda round3 fs8 tac">
            <img :src="picUrl(item.pic1)" class="w100" alt="">
            <img :src="picUrl(item.pic2)" class="w100" alt="">
        </div>
    </div>



    <div class="bdtso " v-if="!isTrue(log) || (isTrue(log[0]) && log[0].status !=1) ">
        <div class="pad5 fs8 c12">
            填写信息
        </div>
        <div class=" marlr5">
            <div class="pad5 bcf">
                <mu-text-field label="姓名" placeholder="请输入真实姓名" v-model="name"  max-length="10" full-width ></mu-text-field>
            </div>
            <div class="pad5 bcf mart5">
                <mu-text-field label="身份证号" placeholder="请输入身份证号" v-model="code"  full-width ></mu-text-field>
            </div>
            <div class="pad5 bcf mart5">
                <div class="flrc fs8 c12">
                    <div class="wh25-25 flcc bdda round3 pos-r" @click="selectPic1()">
                        <img :src="picUrl(pic1)" alt="" class="wh25-25" v-if="isTrue(pic1)" onerror="this.src=pic404">
                        <img :src="picAdd" alt="" class="wh10-10 op5" v-if="!isTrue(pic1)" onerror="this.src=pic404">
                        <mu-ripple></mu-ripple>
                    </div>
                    <div class="flex1 lh2 pad5">
                        <div class="c11">身份证正面</div>
                        <div>1.本人身份证人像面</div>
                        <div>2.需清晰展示人物五官和身份证文字信息</div>
                    </div>
                </div>
            </div>
            <div class="pad5 bcf mart5">
                <div class="flrc fs8 c12">
                    <div class="wh25-25 flcc bdda round3 pos-r" @click="selectPic2()">
                        <img :src="picUrl(pic2)" alt="" class="wh25-25" v-if="isTrue(pic2)" onerror="this.src=pic404">
                        <img :src="picAdd" alt="" class="wh10-10 op5" v-if="!isTrue(pic2)" onerror="this.src=pic404">
                        <mu-ripple></mu-ripple>
                    </div>
                    <div class="flex1 lh2 pad5">
                        <div class="c11">身份证背面</div>
                        <div>1.本人身份证国徽面</div>
                        <div>2.需清晰展示国徽图案和身份证文字信息</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pad10 bcf">
            <mu-button @click="submit()" round large :color="c1" full-width>发起认证</mu-button>
        </div>
    </div>



{% endblock %}
    {% block myJs %}

        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/crypto/crypto.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/hmac/hmac.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/sha1/sha1.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/base64.js"></script>
        {#<script type="text/javascript" src="{{ root }}/assets/oss/lib/plupload-2.1.2/js/plupload.full.min.js"></script>#}
        <script type="text/javascript" src="{{ root }}/assets/oss/uploadMy.js{{ rnd }}"></script>
    {% endblock %}
